<?
	header("Content-type: text/css; charset=UTF-8");
	header("Cache-Control: must-revalidate");
?>
/* 	22x22 Icons are courtesy of the Tango Desktop Project located at http://tango.freedesktop.org/Tango_Desktop_Project
	16x16 Icons are courtesy of FamFamFam located at http://www.famfamfam.com/lab/icons/silk/
	Both sets are made available under a CreativeCommons Atrribution Share-Alike License */
	
html {
	background: #e3e6e4;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

	body {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background: #f2f2f2;
		color: #4c4c4c;
		font-size: 85%;
		line-height: 1.25em;
		font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	}

		h1, h2, h3, h4 {
			font-family: 'Trebuchet MS', Arial, sans-serif;
			lett-spacing: -0.05em;
		}
		
		a {
			color: #416c4d;
			text-decoration: none;
		}
		
		a:hover {
			color: #617d69;
		}
		
		img {
			border: none !important;
		}
		
		.hidden {
			display: none;
		}
		
		.clear {
			clear: both !important;
		}
		
		div.clear {
			height: 0px;
			margin: 0;
		}
		
		.center {
			text-align: center !important;
		}
		
		.right {
			text-align: right !important;
		}
		
		#header {
			width: 100%;
			position: relative;
			padding: 10px 0;
			background: #fff url(../images/header.gif) repeat-x bottom center;
		}
		
			#header h1 {
				margin: 0 14px;
			}
			
			#header h1 div#logout {
				position: absolute;
				right: 1em;
				top: 0.6em;
				font-size: 0.6em;
			}
			
			#header span#powered_by {
				font-size: 0.6em;
				color: #aeaeae;
				font-style: italic;
			}

			#header ul {
				margin: 1em 0 0 0;
				padding: 0 14px;
				list-style: none;
				width: auto;
				position: relative;
				display: block;
				line-height: 1em;
			}
		
				#header ul li {
					padding: 0;
					margin: 0 20px 0 0;
					float: left;
					display: block;
				}

					#header ul li a {
						display: block;
						padding: 30px 6px 4px;
						color: #4c4c4c;
					}
				
					#header ul li a:hover {
						color: #617d69;
						background-color: #dadada !important;
					}

					#header ul li a.base {
						background: url(../images/base.png) no-repeat 50% 6px;
					}
				
					#header ul li a.blog {
						background: url(../images/blog.png) no-repeat 50% 6px;
					}

					#header ul li a.pages {
						background: url(../images/pages.png) no-repeat 50% 6px;
					}

					#header ul li a.comments {
						background: url(../images/comments.png) no-repeat 50% 6px;
					}

					#header ul li a.netcasts {
						background: url(../images/netcasts.png) no-repeat 50% 6px;
					}

					#header ul li a.reviews {
						background: url(../images/reviews.png) no-repeat 50% 6px;
					}

					#header ul li a.events {
						background: url(../images/events.png) no-repeat 50% 6px;
					}

					#header ul li a.gallery {
						background: url(../images/gallery.png) no-repeat 50% 6px;
					}

					#header ul li a.links {
						background: url(../images/links.png) no-repeat 50% 6px;
					}

					#header ul li a.users {
						background: url(../images/users.png) no-repeat 50% 6px;
					}

					#header ul li a.options {
						background: url(../images/options.png) no-repeat 50% 6px;
					}

					#header ul li a.help {
						background: url(../images/help.png) no-repeat 50% 6px;
					}

		#sidebar {
			color: #fff;
			margin: 0;
			width: 100% !important;
		}
		
		#sidebar a {
			color: #fff;
		}
		
		#sidebar a:hover {
			color: #617d69;
		}
		
			#sidebar ul {
				margin: 0 14px;
				padding: 0;
				list-style: none;
				font-size: 1em;
				display: block;
			}
			
					#sidebar ul li {
						margin: 0 2px 0 0;
						background: #b8c3bb;
						float: left;
					}
					
					#sidebar ul li.current {
						background: #e3e6e4;
						border: 1px outset #4c4c4c;
						border-bottom: none;
						position: relative;
						margin-bottom: -1px;
						top: -1px;
					}

					#sidebar ul li.current a {
						color: #617d69;
					}

					#sidebar ul li a {
						display: block;
						padding: 0.5em 1em;
					}

					#sidebar ul li.section_header {
						background: #617d69;
						padding: 0.5em 1em;
					}

		#main {
			margin: 0;
			padding: 1em 14px 0;
			background: #e3e6e4;
		}
		
			#main h2 {
				margin-top: 0.25em;
			}
		
			#main p.alert, #main p.save, #main p.trash, #main p.approve {
				width: 80%;
				background: #617d69 url('../images/important.png') no-repeat 4px 50%;
				border: 2px solid #fff;
				padding: 0.5em 32px;
				color: #fff;
				margin: 0 auto 1em;
			}

			#main p.save {
				background: #617d69 url('../images/save.png') no-repeat 4px 50%;
			}

			#main p.trash {
				background: #617d69 url('../images/trash.png') no-repeat 4px 50%;
			}

			#main p.approve {
				background: #617d69 url('../images/tick.png') no-repeat 4px 50%;
			}
		
				#main form label {
					width: 10em;
					padding: 0.25em 2em 0 0;
					display: block;
					float: left;
					position: relative;
				}

				#main form#editor_form label {
					width: 10%;
				}
			
				#main form.wp label {
					width: 20em !important;
				}
			
				#main form input, #main form textarea, #main form select {
					background: #fff;
					color: #4c4c4c;
					border: 1px inset #b8c3bb;
					margin: 0 0 0.5em 0;
					padding: 0.1em;
					width: 14em;
					font-family: 'Trebuchet MS', Arial, sans-serif;
				}
			
				#main form select {
					width: 20%;
				}
				
				#main form select#timeframe {
					display: inline !important;
				}
			
				#main form#editor_form input {
					width: 80%;
					font-size: 1.5em;
				}
			
				#main form#editor_form input.date {
					width: 10%;
					text-align: center;
					font-size: 1.2em;
				}
			
				#main form input.checkbox {
					width: auto;
				}
			
				#main form textarea {
					font-size: 1.5em;
					line-height: 1.5em;
					width: 79%;
					height: 20em;
					padding: 0.25em;
					font-family: monospace;
				}
			
				#main form textarea#tags_input {
					height: auto;
					overflow: auto;
					font-family: 'Trebuchet MS', Arial, sans-serif;
				}
			
				#main form input.submit {
					margin: 2em 0 0 1em !important;
					padding: 0.25em 0.5em 0.35em !important;
					background: #dadada !important;
					color: #617d69 !important;
					border-style: outset !important;
					width: auto !important;
					font-size: 1.2em !important;
				}
				
				#main form input.select {
					margin: 0.25em 0 !important;
					width: 8em !important;
					font-size: inherit !important;
				}
						
					#main form label a:hover {
						cursor: default;
					}
			
						#main form label a span.explain {
							color: #fff;
							background: #617d69;
							width: 15em;
							font-style: italic;
							line-height: 1.25em;
							position: absolute;
							top: 0px;
							left: 10em;
							padding: 0.25em 0.5em;
							display: none;
							z-index: 10;
						}
			
						#main form label a:hover span.explain {
							display: block;
						}
			
			#main table {
				width: 100%;
				border-collapse: collapse;
				border-bottom: 1px solid #eeefee;
			}
			
				#main table tr {
					background: #b8c3bb;
				}
				
				#main table tr.alt {
					background: transparent;
				}
				
				#main table tr#first {
					background: url(../images/header.gif) repeat-x center center !important;
					border-right: none !important;
					border-left: none !important;
				}
				
				#main table tr#first + tr {
					background-image: url(../images/drop_shadow.png) !important;
					background-repeat: repeat-x !important;
					background-position: 50% -5px !important;
				}
				
					#main table tr th, td {
						text-align: left;
						padding: 0.15em 0.5em;
						border-right: 1px solid #eeefee;
						border-left: 1px solid #eeefee;
					}

					#main table tr th {
						color: #617d69;
					}
					
					#main table tr th.narrow {
						width: 3em !important;
					}

						#main table tr th.up a {
							display: block;
							width: auto;
							padding-right: 20px;
							background-image: url(../images/up.png);
							background-repeat: no-repeat;
							background-position: right 50%;
						}

						#main table tr th.down a {
							width: auto;
							display: block;
							padding-right: 20px;
							background-image: url(../images/down.png);
							background-repeat: no-repeat;
							background-position: right 50%;
						}

					#main table tr td.sub1 {
						padding-left: 1.5em;
					}

					#main table tr td.sub2 {
						padding-left: 2.5em;
					}

					#main table tr td.sub3 {
						padding-left: 3.5em;
					}

					#main table tr td.sub4 {
						padding-left: 4.5em;
					}

					#main table tr td.sub5 {
						padding-left: 5.5em;
					}
										
			#main #editor {
				width: 76%;
				padding-right: 1%;
				margin-bottom: 1em;
				margin-right: 1%;
				float: left;
			}
			
				#main #editor p#recent_tags {
					margin-left: 8em;
					margin-right: 3em;
				}
				
			#main #options {
/*				background: url(../images/options.gif) repeat-x top center; */
				margin-left: 76%;
			}

				#main #options h3 {
					margin: 0 0 0.25em 0;
					padding-top: 0.5em;
				}
			
				#main #options select {
					margin-bottom: 1em;
					width: 84%;
				}
				
					#main #options select option:hover {
						background: #b8c3bb !important;
					}
				
				#main #options input {
					width: 81% !important;
					font-size: 1em !important;
				}
				
				#main #options input#page_order {
					display: inline !important;
					width: 2em !important;
					font-size: 0.9em !important;
					margin: 0 0 0 0.5em !important;
					text-align: center;
				}
				
				#main .tag_cloud_1 {
					margin: 0 1em 0 0;
				}
		
		#footer {
			text-align: center;
			clear: both;
			padding: 4em 0 1em 0;
			margin: 0;
			background: #e3e6e4;
		}

			#footer ul {
				width: 90%;
				margin: 0 auto;
				border-top: 1px solid #aeaeae;
				padding-top: 0.5em;
			}
			
				#footer ul li {
					float: left;
					padding: 0.25em 1em;
					list-style: none;
					margin: 0.5em 0.3em;
					font-size: 0.8em;
				}